<template>
	<view class="mainpadding" v-if="pageShow">
		<view class="mainpadding_top radius" style="background-color: #1f1e1e;">
			<image src="@/static/image/system/jcbgbg.png" class="topbgc" mode=""></image>
			<view class="flexcolumn">
				<view class="toptitletext margin_top">{{dataAll.brand}}</view>
				<view class="toptitletext" style="font-size: 36rpx;">NO.{{dataAll.zsbh}}</view>
			</view>
			<view class="mainpadding_top ffffff radius">
				<view class="sanshier fonweight xiaohei">品牌：{{dataAll.brand}}</view>
				<view class="xiaohui margin_top2 strongtext">证书编号：{{dataAll.zsbh}}</view>
				<view class="flexleft flex_wrap xiahuaxian">
					<!-- <view class="ershiw margin_top flexcenter" v-for="(item,index) in dataAll.yp_images_text" :key="index" @click="lbtpriview(index,dataAll.yp_images_text)">
						<image :src="item" class="radius" style="width: 130rpx;height: 110rpx;" mode=""></image>
					</view> -->
					<view class="ershiw margin_top flexcenter" v-for="(item,index) in dataAll.detail_images_text" :key="index" @click="lbtpriview(index,dataAll.detail_images_text)">
						<image :src="item" class="radius" style="width: 130rpx;height: 110rpx;" mode=""></image>
					</view>
					
				</view>
				<view class="ershiba xiaojin fonweight margin_top">样品出检</view>
				<view class="flexleft">
					<view class="" style="margin-right: 100rpx;">
						<view class="xiaohei margin_top2 strongtext">检测时间：{{dataAll.jctime_text}}</view>
						<view class="xiaohei margin_top2 strongtext">参考型号：{{dataAll.ckxh}}</view>
					</view>
					<image src="@/static/image/system/zp.png" style="width: 82rpx;height: 82rpx;" mode=""></image>
				</view>
				<view class="xiaohui margin_top strongtext xiahuaxian">{{dataAll.cjnr}}</view>
				<view class="ershiba xiaojin fonweight margin_top">检测样品主要部分信息</view>
				<view class="flexleft flex_wrap xiahuaxian">
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">产地：</text>
						<text class="xiaohei strongtext">{{dataAll.cd}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">材质：</text>
						<text class="xiaohei strongtext">{{dataAll.cz}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">表径：</text>
						<text class="xiaohei strongtext">{{dataAll.bj}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">表身号码：</text>
						<text class="xiaohei strongtext">{{dataAll.bshm}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">机芯号码：</text>
						<text class="xiaohei strongtext">{{dataAll.jxhm}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">表壳：</text>
						<text class="xiaohei strongtext">{{dataAll.bg}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">表盘：</text>
						<text class="xiaohei strongtext">{{dataAll.bp}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">指针：</text>
						<text class="xiaohei strongtext">{{dataAll.zz}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">功能：</text>
						<text class="xiaohei strongtext">{{dataAll.gn}}</text>
					</view>
					<view class="margin_top2" style="width: 50%;">
						<text class="xiaohui strongtext">机侧数据：</text>
						<text class="xiaohei strongtext">{{dataAll.jcsj}}</text>
					</view>
				</view>
				<view class="ershiba xiaojin fonweight margin_top">检测师及签名</view>
				<view class="xiaohei strongtext margin_top2">{{dataAll.jys}}</view>
				<view class="mainpadding_top flexcenter" style="background-color: #f2f2f2;">
					<image :src="dataAll.qm_image_text" style="height: 50rpx;" mode="heightFix"></image>
				</view>
				<view class="flexcenter margin_top xiahuaxian">
					<image :src="dataAll.qrcode_text" style="width: 350rpx;height: 350rpx;" mode=""></image>
				</view>
				<view class="ershiba xiaojin fonweight margin_top">说明</view>
				<view class="xiaohei strongtext margin_top2 xiahuaxian">{{dataAll.jysm}}</view>
				<view class="margin_top2 flextop" style="justify-content: flex-start;">
					<text class="xiaohui strongtext" style="min-width: 120rpx;">网址：</text>
					<text class="xiaohei strongtext">{{dataAll.websit}}</text>
				</view>
				<view class="margin_top2 flextop" style="justify-content: flex-start;">
					<text class="xiaohui strongtext" style="min-width: 120rpx;">联系电话：</text>
					<text class="xiaohei strongtext" style="word-break: break-all;">{{dataAll.lxr_tel}}</text>
				</view>
				<view class="margin_top2 flextop" style="justify-content: flex-start;">
					<text class="xiaohui strongtext" style="min-width: 120rpx;">地址：</text>
					<text class="xiaohei strongtext">{{dataAll.address}} </text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				dataAll:{},
				listid:"2",
				pageShow:false
			}
		},
		onLoad(options) {
			// #ifdef MP-WEIXIN
			let _this = this
			const url = decodeURIComponent(options.q) // 获取到二维码原始链接内容
			if (url.indexOf("?") != -1) {
				var str = url.substr(url.indexOf("?") + 1);
				var strs = str.split("&");
				let theRequest = {};
				for (var i = 0; i < strs.length; i++) {
					theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
				}
				_this.listid = options.id ? options.id : (theRequest.id ? theRequest.id :
					0);
			}
			// #endif
			this.getDetail()
		},
		methods: {
			getDetail(){
				httpRequest.request('/api/goodscl/jybgDetail', 'GET', {
					goods_jcbg_id:this.listid
				}).then(res => {
					this.dataAll = res.data
					this.pageShow = true
				})
			},
		}
	}
</script>

<style>
	.xiaojin{
		color: #BA9549;
	}
.topbgc{
	width: 100%;
	height: 260rpx;
	position: absolute;
	top: 30rpx;
	left: 0;
}
.toptitletext{
	font-size: 46rpx;
	line-height: 54rpx;
	text-shadow: 0px 2px 0px rgba(25,23,23,0.3);
	color: #fff;
	font-weight: 800;
}
</style>
